<template>
  <Layout class="dynamic">
    <Header>
      <v-header></v-header>
    </Header>
    <Content :class="isBg">
      <Row style="padding:20px 13%">
        <Col span="24">
        <router-view></router-view>
        </Col>
      </Row>
    </Content>
    <Footer>
      <v-footer></v-footer>
    </Footer>
  </Layout>
</template>

<script>
import vHeader from '../components/main_header'
import vFooter from '../components/main_footer.vue'
export default {
  name: 'dynamic',
  components: {
    vHeader,
    vFooter
  },
  computed: {
    isBg() {
      let Bg
      if (this.$route.path.split('/', 3)[2] == 'companyNews' || this.$route.path.split('/', 3)[2] == 'companyAnnouncements' || this.$route.path.split('/', 3)[2] == 'activityForecast') {
        Bg = 'content'
      } else {
        Bg = 'contentBg'
      }
      return Bg
    }
  },
  data() {
    return {
    }
  },
  mounted() {

  }
}
</script>

<style scoped lang="less">
.content {
  background: url("../assets/dynamic/investment.png") no-repeat center;
  background-size: 100% 100%;
}
.contentBg {
  background-image: #fff;
}
</style>